<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>08_猜数字练习</title>
    <h1>已生成一个1~100之间的随机数：</h1>
    <input type="text" placeholder="请输入你猜的数字">
    <button onclick="guess()">点我验证</button>
    <h1>小提示：<span></span></h1>
</head>
<body>
<script>
    //1.生成一个用来猜的随机数
    let n = parseInt(Math.random()*100)+1;
    console.log('打个小抄：'+n);
    //7.定义一个用来统计次数的变量
    var count = 0;
    //2.定义猜数字的方法
    function guess(){
        //3.拿到用户猜的数字
        let num = document.querySelector('input').value;
        //4.对拿到的数字做校验
        if (!/^\d+$/.test(num)){
            alert('请输入数字！');
            return;
        }
        //5.获取用来显示结果的span元素
        let spanE = document.querySelector('span');
        //8.每猜一次，次数+1
        count++;
        //6.作比较
        if(num>n){
            spanE.innerHTML = '猜大了';
        }else if(num<n){
            spanE.innerHTML = '猜小了';
        }else {
            spanE.innerHTML = '恭喜你用了'+count+'次猜中了';
        }
    }
</script>
</body>
</html>
